<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="root" value="${pageContext.request.contextPath}"/>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<html>
<head>
    <title>- 猫眼电影 - 一网打尽好电影</title>

    <meta charset="utf-8">
    <meta http-equiv="cleartype" content="yes"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="renderer" content="webkit"/>

    <meta name="HandheldFriendly" content="true"/>
    <meta name="format-detection" content="email=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="${root}/css/common.css"/>
    <link rel="stylesheet" href="${root}/css/movie-detail.css"/>
    <script crossorigin="anonymous" src="${root}/js/stat.js"></script>
    <script>
        if (window.devicePixelRatio >= 2) {
            document.write('<link rel="stylesheet" href="${root}/css/seats/image-2x.css"/>')
        }   </script>
    <style>
        @font-face {
            font-family: stonefont;
            src: url('//vfile.meituan.net/colorstone/f9aa22c81850ef6a73d4842eb9a404c43168.eot');
            src: url('//vfile.meituan.net/colorstone/f9aa22c81850ef6a73d4842eb9a404c43168.eot?#iefix') format('embedded-opentype'),
            url('//vfile.meituan.net/colorstone/6a010695ba81e96064fa838d9ea2527c2080.woff') format('woff');
        }

        .stonefont {
            font-family: stonefont;
        }
    </style>
</head>
<body>

<%@ include file="head.jsp" %>
<div class="banner">
    <div class="wrapper clearfix">
        <div class="celeInfo-left">
            <div class="avatar-shadow">
                <img class="avatar" src="${movie.image}" alt="">
                <div class="movie-ver"></div>
            </div>
        </div>
        <div class="celeInfo-right clearfix">
            <div class="movie-brief-container">
                <h3 class="name">${movie.name}</h3>
                <ul>
                    <li class="ellipsis">爱情,青春</li>
                    <li class="ellipsis">
                        ${movie.district.name}
                        / ${movie.duration}分钟
                    </li>
                    <li class="ellipsis"><fmt:formatDate value="${movie.dates}" pattern="yyyy-MM-dd"/> 大陆上映</li>
                </ul>
            </div>
            <div class="action-buyBtn">
                <div class="action clearfix" data-val="{movieid:1242431}">
                    <a class="wish " data-wish="false" data-score="" data-bid="b_gbxqtw6x">
                        <div>
                            <i class="icon wish-icon"></i>
                            <span class="wish-msg" data-act="wish-click">想看</span>
                        </div>
                    </a>
                    <a class="score-btn " data-bid="b_rxxpcgwd">
                        <div>
                            <i class="icon score-btn-icon"></i>
                            <span class="score-btn-msg" data-act="comment-open-click">评分</span>
                        </div>
                    </a>
                </div>
                <a class="btn buy" href="${root}/order/xseats?movie_id=${movie.id}" target="_blank">特惠购票</a>
            </div>
            <div class="movie-stats-container">

                <div class="movie-index">
                    <p class="movie-index-title">用户评分</p>
                    <div class="movie-index-content score normal-score">
              <span class="index-left info-num ">
                <span class="stonefont">&#xed85;.&#xf2e4;</span>
              </span>
                        <div class="index-right">
                            <div class='star-wrapper'>
                                <div class="star-on" style="width:90%;"></div>
                            </div>
                            <span class='score-num'><span
                                    class="stonefont">&#xed85;&#xf393;&#xf2e4;&#xf21f;&#xe17a;</span>人评分</span>
                        </div>
                    </div>
                </div>
                <div class="movie-index">
                    <p class="movie-index-title">累计票房</p>
                    <div class="movie-index-content box">
                        <span class="stonefont">&#xe970;.&#xe970;&#xed85;</span><span class="unit">亿</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container" id="app" class="page-movie/detail">
    <div class="tab-desc tab-content active" data-val="{tabtype:'desc'}">
        <div class="module">
            <div class="mod-title">
                <h3>热门短评</h3>
            </div>
            <div class="mod-content">
                <div class="comment-list-container" data-hot=10>
                    <ul>
                        <li class="comment-container " data-val="{commentid:1065787432}">
                            <div class="portrait-container">
                                <div class="portrait">
                                    <img src="https://img.meituan.net/avatar/24960009c1008a40c0bd0ff87cd2ff9d119051.jpg@100w_100h_1e_1c"
                                         alt="">
                                </div>
                                <i class="level-4-icon"></i>
                            </div>
                            <div class="main">
                                <div class="main-header clearfix">
                                    <div class="user">
                                        <span class="name">跟紧我宝贝</span>

                                        <span class='tag'>购</span>
                                    </div>
                                    <div class="time" title="2019-06-06 20:14:59">
                                        <span title="2019-06-06 20:14:59">4天前</span>
                                        <ul class="score-star clearfix" data-score="10">
                                            <li>
                                                <i class="half-star left active"></i><i
                                                    class="half-star right active"></i></li>
                                            <li>
                                                <i class="half-star left active"></i><i
                                                    class="half-star right active"></i></li>
                                            <li>
                                                <i class="half-star left active"></i><i
                                                    class="half-star right active"></i></li>
                                            <li>
                                                <i class="half-star left active"></i><i
                                                    class="half-star right active"></i></li>
                                            <li>
                                                <i class="half-star left active"></i><i
                                                    class="half-star right active"></i></li>
                                        </ul>

                                    </div>
                                    <div class="approve " data-id="1065787432">
                                        <i data-act="comment-approve-click" class="approve-icon"></i>
                                        <span class="num">6295</span>
                                    </div>
                                </div>
                                <div class="comment-content">
                                    和自己喜欢的人坐同桌真的好幸福～午睡的时候他先醒来就会看我睡觉的样子，时不时和他皮肤触碰，时不时请教他难题，当初我有那么一瞬间以为他是喜欢我的，但是他不是余淮，而我更不是耿耿，终究没有一起。平凡如我们，可能从来没有遇到过“余淮”，但我们一定拥有过这样真挚的喜欢，一定有属于自己的、熠熠生辉的青春
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
                <a class="comment-entry" data-act="comment-no-content-click">写短评</a>
            </div>
        </div>
    </div>
</div>
<%@ include file="footer.jsp" %>
<script crossorigin="anonymous" src="${root}/js/movie-detail.js"></script>
</body>
</html>